iT邦幫忙

2025 iThome 鐵人賽
DAY 4
0
自我挑戰組

前端轉職學習記錄系列 第 4 篇

DAY4- CSS 基礎-選擇器-2

17th鐵人賽
45 瀏覽

  • 分享至 

  • xImage
    •  

3.屬性值包含特定文字:https://ithelp.ithome.com.tw/upload/images/20250918/201759654wIGQXL1Z1.png
4.屬性值以特定文字開頭:https://ithelp.ithome.com.tw/upload/images/20250918/20175965SLa2JsVbak.png
5.屬性值以特定文字結尾:https://ithelp.ithome.com.tw/upload/images/20250918/20175965AmgjSUer4g.png

  • 偽類選擇器
    1.連結狀態:https://ithelp.ithome.com.tw/upload/images/20250918/20175965K5mUL0J4C2.png
    2.表單元素狀態:https://ithelp.ithome.com.tw/upload/images/20250918/20175965brsOQBRZIu.png
    3.按鈕互動效果:https://ithelp.ithome.com.tw/upload/images/20250918/20175965mUw9X7tlgT.png
    4.結構偽類:https://ithelp.ithome.com.tw/upload/images/20250918/20175965RVxTktx4EP.png
    5.斑馬條紋效果:https://ithelp.ithome.com.tw/upload/images/20250918/20175965EDhcstw65w.png

Box Model

https://ithelp.ithome.com.tw/upload/images/20250920/20175965nZNKfxcguc.png
https://ithelp.ithome.com.tw/upload/images/20250920/20175965CY8PAo3KyL.png

https://ithelp.ithome.com.tw/upload/images/20250918/20175965Ly30Y7DQE7.png
https://ithelp.ithome.com.tw/upload/images/20250918/201759657Fztz8ILUo.png
https://ithelp.ithome.com.tw/upload/images/20250918/20175965th3UndhE0c.png


上一篇
DAY3- CSS 基礎-選擇器-1
下一篇
DAY5- CSS 基礎-Box Model
系列文
前端轉職學習記錄 共 22 篇
  1. 18
    DAY17- CSS 基礎-完整主軸對齊範例
  2. 19
    DAY18- CSS 基礎-交叉軸對齊：align-items
  3. 20
    DAY19- CSS 基礎-交叉軸對齊：align-items-2
  4. 21
    DAY20- CSS 基礎-交叉軸對齊：align-items-3
  5. 22
    DAY20- CSS 基礎-交叉軸對齊練習
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
16418 篇
完賽人數
189 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 17th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙